<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8" />
    <title>v2s</title>
    <style>
        html, body {
            margin: 0;
            width: 100%;
            height: 100%;
        }
        .box {
            display: flex;
        }
        .box-tb {
            flex-flow: column;
        }
        .flex {
            flex: 1;
        }
    </style>
    <script src="jquery-1.9.1.min.js"></script>
</head>
<body class="box box-tb">
    <div id="box" style="width: 540px;height: 350px;">
        <img id="target" draggable="false" style="width:100%;height: 350px;" src="imgscroll.png" alt="">
    </div>
    <div id="show" class="flex" style="height: 300px;outline: 1px solid #5c5c5c">
    </div>
    <script src="jquery.screenshot.min.js"></script>
    <script>
        window.onload = function() {
            $("#box").screenshot("#target", "#show", true);
        }
    </script>
</body>
</html>